<script setup name="App">
import { onMounted, ref } from 'vue'
import Child from './Child.vue'

// 如何获取组件实例
// #1 创建 ref 引用
const childCmp = ref(null)

onMounted(() => {
  // #3  childCmp.value 就是 组件实例
  // 有的时候可以利用这种特性做父传子
  // childCmp.value.num = 8888
  childCmp.value.changeNum(888)
})
</script>
<template>
  <div>
    <!-- #2 用 childCmp 和 p 的 ref 属性进行绑定 -->
    <Child ref="childCmp" />
  </div>
</template>
